<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="https://unpkg.com/vue@next"></script>
<div id="app">
    <!-- 假设组件仅有一个根节点 所有未在组件props中定义的属性，都会被加入到组件根节点上，例如：class属性会和根节点class属性合并   -->
    <todo-item datetime="number" date-picker="aaa" class="show"></todo-item>
</div>

<script>
    const vueOpt = {
        data() {
            return {}
        }
    }

    const app = Vue.createApp(vueOpt);

    app.component('todo-item', {
        data() {
            return {}
        },

        template: `
            <div class="date-picker">
                <input type="datetime"/>
            </div>`
    })
    app.mount('#app')
</script>
</body>
</html>
